    <p>
<code>drawGrid</code> - option whether the paper grid should be drawn or not. It could be a <code>boolean</code> or an <code>object</code>. It defaults to <code>false</code>.
        <br/>
    Define <code>color</code> and <code>thickness</code> to adjust the default grid pattern:
</p>
<table>
    <tr>
        <th>color</th>
        <td><i>string</i></td>
        <td>color of the default grid pattern.</td>
    </tr>
    <tr>
        <th>thickness</th>
        <td><i>number</i></td>
        <td>thickness of the default grid pattern.</td>
    </tr>
</table>


<p>There are also some pre-defined grid patterns: <code>dot</code>, <code>fixedDot</code>, <code>mesh</code>, <code>doubleMesh</code>. If you'd like to use these patterns, define <code>drawGrid</code> options as follows:</p>
<table>
    <tr>
        <th>name</th>
        <td><i>string</i></td>
        <td>name of the pre-defined pattern. Can be either <code>dot</code>, <code>fixedDot</code>, <code>mesh</code>, <code>doubleMesh</code> </td>
    </tr>
    <tr>
        <th>args</th>
        <td><i>object | array</i></td>
        <td>an extra arguments for the pre-defined grid patterns. It can be either an <code>object</code> (e.g. <code>dot</code>, <code>mesh</code>) or an <code>array</code> (e.g. <code>doubleMesh</code>)</td>
    </tr>
</table>

    <p>
        <b>Pre-defined grids with default settings:</b>
    </p>
    <p>The paper from the images below has been scaled 2 times and has gridSize set to 10.</p>
    <div class="caption-image h150">
        <img src="">
        <div class="caption">dot</div>
    </div>

    <div class="caption-image h150">
        <img src="">
        <div class="caption">fixedDot</div>
    </div>

    <div class="caption-image h150">
        <img src="">
        <div class="caption">mesh</div>
    </div>

    <div class="caption-image h150">
        <img src="">
        <div class="caption">doubleMesh</div>
    </div>


<pre><code>drawGrid: true // default pattern (dot) with default settings

drawGrid: 'mesh' // pre-defined pattern with default settings
drawGrid: { name: 'mesh', args: { color: 'black' }}

drawGrid: {
    name: 'doubleMesh',
    args: [
        { color: 'red', thickness: 1 }, // settings for the primary mesh
        { color: 'green', scaleFactor: 5, thickness: 5 } //settings for the secondary mesh
]}</code></pre>

